

document.querySelector('#btn-login').addEventListener('click',async () => {
  // 收集表单数据
  const form = document.querySelector('.login-form')
  const data = serialize(form, { hash: true, empty: true })
  // console.log(data)

  // 非空校验
  const { username, password } = data
  if (username === '' || password === '') {
    showToast('用户名和密码不能为空')
    return
  }

  // 表单字符长度校验
  if (username.length < 8 || username.length > 30 || password.length < 6 || password.length > 30) {
    showToast('用户名或密码错误')
    return
  }
  try {
    // 提交数据
    const res = await axios.post('/login', { username, password })
    // console.log(res)
    showToast(res.message)
    // 缓存响应数据
    localStorage.setItem('token', res.data.token)
    localStorage.setItem('username', username)
    
    // 跳转到首页  延迟操作与轻提示函数显示时间一致即可
    setTimeout(function () {
      location.href  = '../index.html'
    },1500)
   } catch (error) {
    console.dir(error)
    showToast(error.response.data.message)
  }
})